{% extends "base.html" %}
{% load static %}

{% block title %}
欢迎咨询
{% endblock %}

{% block content %}
<link href="{% static 'css/contact.css' %}" rel="stylesheet">
<!-- 广告横幅 -->
<div class="container-fluid">
    <div class="row">
        <img class="img-responsive model-img" src="{% static 'img/contact.jpg' %}"style="width: 100%;height: 400px">
    </div>
</div>

<!-- 主体内容 -->
<div class="container">
    <div class="row row-3">
        <!-- 侧边导航栏 -->
        <div class="col-md-3">
            <div class="model-title">
                人才招聘
            </div>
            <div class="model-list">
                <ul class="list-group">
                    <li class="list-group-item" id="mycontact">
                        <a href="{% url 'contactApp:contact' %}">欢迎咨询</a>
                    </li>
                    <li class="list-group-item" id="recruit">
                        <a href="{% url 'contactApp:recruit' %}">加入重邮</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 说明文字和图片 -->
        <div class="col-md-9">
            <div class="model-details-title">
                欢迎咨询
            </div>
            <div class="col-md-6">
                <div class="contact-left">
                    <h1>
                        <strong>重庆邮电大学</strong>
                        <span>Chongqing University Of Posts And Telecommunications</span>
                    </h1>
                    <ul>
                           <li>业务质询一：111-XXXXXX</li>
                        <li>业务质询二：222-XXXXXX</li>
                        <li>咨询电话：0111-XXXXXX</li>
                        <li>企业传真：0222-XXXXXX</li>
                        <li>地址：重庆市南岸区崇文路2号</li>
                        <li>邮编：400065</li>
                        <li>
                            网址：<a href="https://www.cqupt.edu.cn/">https://www.cqupt.edu.cn/</a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="col-md-6 contact-right">
                <img class="img-responsive" src="{% static 'img/address.png' %}">
            </div>
        </div>
    </div>
</div>
{% endblock %}